<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="./icon/profile-resume-biodata-paper-office-hr-human-research-feaffaf.png" type="image/x-icon">
    <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <script src="./js/icon.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
    <title>个人简历</title>
</head>

<body>
    <div class="all">
        <div class="info">
            <div class="user-info">
                <div class="img">
                    <img src="./icon/img.jpg" alt="头像">
                </div>
                <div class="name">陈洪思敏</div>
                <div class="job">Java开发工程师/杭州</div>
            </div>
            <div class="base-info">
                <div class="titles">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user"></use>
                    </svg>
                    <div class="title">基本信息</div>
                </div>
                <ul class="content">
                    <li>
                        <label>姓名</label>
                        <span>陈洪思敏</span>
                    </li>
                    <li>
                        <label>学历</label>
                        <span>专科</span>
                    </li>
                    <li>
                        <label>出生日期</label>
                        <span>1998/3/18</span>
                    </li>
                    <li>
                        <label>求职意向</label>
                        <span>Java开发工程师</span>
                    </li>
                </ul>
            </div>
            <div class="base-info contact-way">
                <div class="titles">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua"></use>
                    </svg>
                    <div class="title">联系方式</div>
                </div>
                <ul class="content">
                    <li>
                        <label>手机</label>
                        <a href="tel:13479379346">13479379346</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:chsmWork@163.com">chsmWork@163.com</a>
                    </li>
                    <li>
                        <label>个人博客</label>
                        <a href="https://chsm1998.github.io/" target="_blank">永恒之恋</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/chsm1998" target="_blank">chsm1998</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main">
            <div class="list">
                <div class="item" id="skill">
                    <div class="titles">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-dashujukeshihuaico-"></use>
                        </svg>
                        <div class="title">职业技能</div>
                    </div>
                    <div class="content">
                        <div class="c-item">
                            <div class="skill">Java</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                        <div class="c-item">
                            <div class="skill">Mybatis</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                        <div class="c-item">
                            <div class="skill">Spring Boot</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                        <div class="c-item">
                            <div class="skill">HTML/CSS/JS</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                        <div class="c-item">
                            <div class="skill">Vue</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                        <div class="c-item">
                            <div class="skill">Maven/Git</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                        <div class="c-item">
                            <div class="skill">Mysql</div>
                            <span class="progress-bar">
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet fill"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                                <span class="bullet"></span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="titles">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiangmu"></use>
                        </svg>
                        <div class="title">个人项目</div>
                    </div>
                    <ul class="m-item">
                        <li>
                            <div class="m-info">
                                <span class="m-title">网上购物商城</span>
                                <a href="#" target="_blank">Demo</a>
                                <time class="time">2018.9-2018.11</time>
                            </div>
                            <ul>
                                <li><span style="font-weight: bold">技术栈：</span><a href="https://spring.io/projects/spring-boot"
                                        target="_blank">Spring Boot</a>+<a href="https://mp.baomidou.com/" target="_blank">Mybatis-Plus</a>+<a
                                        href="https://cn.vuejs.org/" target="_blank">Vue</a>+<a href="http://element-cn.eleme.io/#/zh-CN/component/installation"
                                        target="_blank">ELement-UI</a></li>
                                <li>
                                    <span style="font-weight: bold">项目描述：</span>
                                    <div class="m-content">
                                        整个项目采取前后端分离开发，对购物车、地址、商品、搜索等封装成<span>通用组件</span>。项目分为商品管理、购物车管理、地址管理、订单管理、商品类别管理5个模块。用户可以进行登录、注册、购买商品、查看订单等功能。管理员可以进行商品上下架、订单发货、退款等功能。
                                    </div>
                                </li>
                                <li>
                                    <span style="font-weight: bold">主要职责：</span>
                                    <div class="m-content">
                                        负责项目的技术选型与架构设计，独立完成前后端的代码编写工作。前端对于可复用模块进行了<span>组件化封装</span>，使得代码各模块之间得以<span>复用、解耦</span>。
                                        后端使用拦截器对登录进行统一校验，对前端请求做了<span>统一响应</span>处理，使用<span>CORS</span>对前端做了跨域处理，对于用户密码进行了<span>MD5加密</span>。
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <div class="m-info">
                                <span class="m-title">某企业微信小程序</span>
                                <time class="time">2018.12-2019.1</time>
                            </div>
                            <ul>
                                <li><span style="font-weight: bold">技术栈：</span><a href="https://spring.io/projects/spring-boot" target="_blank">Spring
                                        Boot</a>+<a href="https://mp.baomidou.com/" target="_blank">Mybatis-Plus</a>+<a href="https://uniapp.dcloud.io/README"
                                        target="_blank">uni-app</a></li>
                                <li>
                                    <span style="font-weight: bold">项目描述：</span>
                                    <div class="m-content">
                                        该项目主要用于某企业内部客户及员工管理。主要模块包含客户管理、员工管理、<span>数据导出excle</span>、区域订单有效期等。角色划分：大boss > 区域经理 > 业务员。大boss及区域经理可添加员工。各角色可查看对应员工及客户数据。区域经理可对区域订单<span>过期时间</span>进行控制。
                                    </div>
                                </li>
                                <li>
                                    <span style="font-weight: bold">主要职责：</span>
                                    <div class="m-content">
                                        负责项目的技术选型与架构设计，独立完成后端及小程序端的代码编写工作。小程序端通过微信唯一标识实现<span>自动登录</span>功能，避免手动输入密码的烦恼。
                                        后端对各角色进行<span>权限控制</span>，避免越级操作产生异常数据；使用拦截器对登录进行统一校验；对前端请求做了<span>统一响应</span>处理。
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="item">
                    <div class="titles">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-huojiangdengji"></use>
                        </svg>
                        <div class="title">获奖经历</div>
                    </div>
                    <div class="content">
                        <ul>
                            <li>
                                江西省大学生科技创新与职业技能竞赛三等奖。
                            </li>
                            <li>2018学年学院二等奖学金。</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <aside id="aside">
            <ul>
                <li>
                    <a href="https://gitee.com/chsm1998/resume" target="_blank">源代码</a>
                </li>
                <li>
                    <a href="https://chsm1998.github.io/" target="_blank">Blog</a>
                </li>
            </ul>
        </aside>
    </div>
    <footer>Copyright © 2019 永恒之恋</footer>
</body>

</html>